/*************************/
/*		OWL ANIMATION	 */
/*************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, ol, ul, li, fieldset, form, label, canvas, footer, header, menu, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/*
@-webkit-keyframes example {
   0% { -webkit-transform: translateY(50px); }
   50% { -webkit-transform: translateY(100px); }
   100% { -webkit-transform: translateY(50px); }
}

50% {
-webkit-transform: translateY(-300px) scaleY(1.2);
}*/

#siteWrapper {
	width:500px;
	margin:0 auto;
	
}

#owl {
	top:0;
}


#owlHead {
	background:url(images/owlHead.png) no-repeat;
	width:260px;
	height:193px;
	z-index:100;
	position:relative;
	margin:20px 0 0 20px;
  	-webkit-transform-origin: 0% 100%;

}

#owlBody {
	background:url(images/owlBody.png) no-repeat;
	width:295px;
	height:301px;
	margin-top:-50px;
	-webkit-transform-origin: 0% 100%;

}

#owlHead > div {
	outline:red 1px solid;
	float:left;
}

.eyeLg {
	width:121px;
	height:110px;
	margin-top:50px;
}

#leftEye {
	background:url(images/l_eye_lg.png) no-repeat;
	top:5;
}

#rightEye {
	background:url(images/r_eye_lg.png) no-repeat;
}

#leftEyeSm {
	background:url(images/l_eye_sm.png) no-repeat;
	
}

#rightEyeSm {
	background:url(images/r_eye_sm.png) no-repeat;
	
}

.pupil {
	background:url(images/pupil.png) no-repeat;
	z-index:400;
	position:relative;
	width:68px;
	height:71px;
	top:50px;
	left:50px;
  	-webkit-transform-origin: 0% 0%;
  	outline:blue 1px solid;
}

.wings {
	width:63px;
	height:163px;
	position:relative;
	float:left;
}

#leftWing {
	background:url(images/left_wing.png) no-repeat;
	top:10px;
	left:0;
  	-webkit-transform-origin: 50% 0%;

}

#rightWing {
	background:url(images/right_wing.png) no-repeat;
	top:10px;
	left:170px;
  	-webkit-transform-origin: 0% 0%;

}
